page-webcast-favorite-list {

    .favorite-head {

        padding: 0 0 5.55vw 0;

        .favorite-num {
            height: 12.96vw;
            font-size: 3.89vw;
            color: #1f212a;
            padding-left: 5.55vw;
            line-height: 12.96vw;
            box-shadow:0 0 3.7vw rgba(0,0,0,.1);
        }
    }

    .list-ios > .item-block:first-child {
        border-top: none;
    }

    .item-ios {
        padding-left: 0;

        .label-ios:first-child {
            margin-top: 1vw;
        }

        .item-button {
            font-size: 2.9vw;
            padding: 0;
            margin: 0;
        }

        .label-ios {
            margin-left: 5.55vw;
            margin-right: 5.55vw;
            margin-top: 5.55vw;
            box-shadow:0 0 3.7vw rgba(0,0,0,.1);

            .wc-item {
                //background-color: #d59f4a;
                height: 20.83vw;
                .wc-item-img {
                    width:29.17vw;
                    height: 20.83vw;
                    float: left;
                    //background-image: url('../assets/images/webcast/img_hd1.png');
                    //background-size: cover;
                    position: relative;

                    .wc-item-img-bottom {
                        position: absolute;
                        top:0;
                        left: 0;

                        img {
                            width:29.17vw;
                            height: 20.83vw;
                            border: none;
                        }
                    }

                    .wc-item-img-top {
                        position: absolute;
                        top: 5.97vw;
                        left: 10.14vw;
                        img {
                            width: 8.89vw;
                            height: 8.89vw;
                            border: none;
                        }
                    }

                    //img {
                    //    width:8.89vw;
                    //    height: 8.89vw;
                    //    margin: 0;
                    //    border: none;
                    //    margin-left: 10.14vw;
                    //    margin-top: 5.97vw;
                    //}
                }

                .wc-item-text {
                    width: 59.72vw;
                    height: 20.83vw;
                    float: right;
                    position: relative;
                    //background-color: #2ab465;

                    .item-content {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        margin-left: 3.7vw;

                        .title-text {
                            display: block;
                            margin-bottom: 1.85vw;
                            white-space:pre-wrap;
                            font-size: 3.89vw;
                            padding-right: 3.7vw;
                            line-height: 4.5vw;
                        }

                        .text-date-text {
                            color: #999;
                            font-size: 3.33vw;
                        }

                        .text-date-warn {
                            width: 16.57vw;
                            height: 5vw;
                            border: none;
                            border-radius: 5vw;
                            background-color: #ffca38;
                            color: #fff;
                            vertical-align: middle;
                            font-size: 2.9vw;
                        }

                        .text-date-info {
                            width: 16.57vw;
                            height: 5vw;
                            border: none;
                            border-radius: 5vw;
                            background-color: #2cb265;
                            color: #fff;
                            vertical-align: middle;
                            font-size: 2.9vw;
                        }
                    }
                }
            }
        }
    }

    .item-ios.item-block .item-inner {
        padding-right: 0;
    }

    .fab-ios-light{
        background-color:transparent;
        width: 8.89vw;
        height: 8.89vw;
        padding:0;

        .go-up-icon{
            width: 8.89vw;
            height: 8.89vw;
            max-width: none;
        }
    }
}
